/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    Image,
    TextInput ,
    Dimensions,
    Platform
} from 'react-native';
import NavigationBar from '../components/NavigationBar'
const {height, width} = Dimensions.get('window');
export default class QueRenDingDan extends Component {
    render() {
        return (
            <View style={styles.container}>
                <NavigationBar 
                     titleText="确认订单"
                     leftIcon = 'yy'
                     leftStyle={{tintColor:"#fff",marginLeft:15}}/>
                <View style={styles.shen}>
                    <View style={styles.shenqing}>
                        <Text>：哈哈</Text>
                        <Text>15115152623</Text>
                    </View>
                    <Text>地址：北京天通苑</Text>
                </View>

                <View style={styles.dingdan}>
                    <Image style={styles.tuleft} source={require('../img/logo.png')}/>
                    <View style={styles.dingdan2}>
                          <Text style={styles.biaoti}>狗狗牵引绳，泰迪金毛用品狗狗牵引绳
                          </Text>
                          <Text style={styles.neirong}>数量：554 <Text style={styles.pinpai}>     品牌：韦嘉 </Text></Text>
                          <Text style={styles.money}>49.00￥</Text>
                    </View>
                </View> 
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        flexDirection:'column',
        alignItems: 'stretch',
        ...Platform.select({
            ios: {
                marginTop: 20
            },
            android: {
                marginTop:0
            },
        }),
    },
    shen:{
        backgroundColor:'#fff',
        padding:16,
    },
    shenqing:{
        marginBottom:10,
        flexDirection:"row",
        justifyContent:"space-between",
    },
    dingdan:{
        width:width,
        padding:10,
        flexDirection:"row",
        justifyContent:"space-between",
        marginTop:10,
        backgroundColor:"#fff"
    },
    dingdan2:{
        flex:1,
        marginLeft:10,
        flexWrap:"wrap",
    },
    tuleft:{
        width:80,
        height:80,
    },
    biaoti:{
        flex:1,
        fontSize:14,
        color:'#000',
        lineHeight:20,
        flexWrap:'wrap',
    },
    neirong:{
        fontSize:12,
        lineHeight:20,
    },
    pinpai:{
        marginLeft:20,
    },
    money:{
        fontSize:16,
        color:"red",
    }
});

